@base-color: #45a2ff;
//tab栏样式
body ,html{
  font-family: "苹方 常规";
  width: 100%;
}
#public-side{
  .item.side-order{
    h3{
      color: #fff!important;
      background-color: @base-color!important;
      a{
        color: #fff;
      }
      s{
        display: none;
      }
    }
  }
}
.easytrip-titTabs {
  width: 1680px;
  border-left: 10px solid #f3f3f3;
  float: left;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  .easytrip-titTabs-content{
    padding: 0 20px;
    min-height: 920px;
    //头部搜索栏
    .easytrip-productheader{
      padding-left: 0px;
      i{
        left: 461px;
      }
      .button1,.button2{
        float: right;
        margin-top:20px;
        margin-right:20px;
      }
      .button1:hover{
        border-color: #45a2ff;
      }
      .button2:hover{
        opacity: 0.8;
      }
    }
    //切换时的样式
    .order-active {
      height: 50px !important;
      background: @base-color !important;
      span{
        color: #fff;
      }
    }
    //头部tab栏
    .titTab {
      height: 50px;
      font-size: 16px;
      border-bottom: 1px @base-color solid;
      li {
        text-align: center;
        float: left;
        height: 50px;
        width: 150px;
        line-height: 50px;
        margin-right: 5px;
        background: #e7eef4;
        font-family: "苹方 常规";
        font-size: 16px;
        box-sizing: border-box;
        position: relative;
        color: #404040;
        border-radius: 3px 3px 0 0;
        s{
          display: block;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background-color: #ff1d00;
          position: absolute;
          top:5px;
          left:125px;
          font-size:12px;
          text-align: center;
          line-height: 20px;
          color: #fff;
        }
      }
      li:hover {
        height: 50px;
        background: @base-color;
        color: #fff;
        cursor: pointer
      }
    }
    //内容页
    .titInfo {
      margin-top: 20px;
      background: #fff;
      .titInformation {
        display: none;
        .titone {
          font-size: 18px;
          width: 100%;
          color: #000;
          .titonehead {
            height: 40px;
            line-height: 40px;
            span {
            }
            form {
              input {
                height: 40px;
                width: 150px;
                padding-left: 10px;
                border: 1px solid #ccc;
                border-radius: 5px;
                font-size: 16px;
                box-sizing: border-box;
              }
              p {
                margin: 0 35px;
                color: #404040;
                input {
                  width: 20px;
                  height: 20px;
                  margin-top: 10px;
                  margin-right: 10px;
                }
              }
              i {
                float: left;
                margin: 0 15px;
              }
            }
          }
          .titoneinputtop {
            width: 1166px;
            border-right: 1px solid #505050;
            float: left;
            .titoneinputtop1 {
              div {
                margin-top: 30px;
                ul {
                  li {
                    margin-right: 80px;
                    text-align: center;
                    position: relative;
                    span {
                      margin-right: 10px;
                      line-height: 40px;
                    }
                    input {
                      width: 250px;
                      height: 40px;
                      box-sizing: border-box;
                      border-radius: 5px;
                      padding-left: 10px;
                      font-size: 18px;
                      color: #727272;
                    }
                    s {
                      position: absolute;
                      top: 12px;
                      left: 270px;
                      font-size: 18px;
                    }
                  }
                }
              }
            }
          }
          .titsearch {
            float: left;
            width: 450px;
            height: 175px;
            text-align: center;
            p{
              span{
                color: #ff6769;
              }
            }
            a{
              display: block;
              margin:35px 0 ;
              color: @base-color;
            }
            .button{
              width: 160px;
              height: 40px;
              background-color: @base-color;
              line-height: 40px;
              margin:0 auto;
              color: #fff;
            }
          }
        }
        //表格内容
        .layui-table{
          font-size:14px;
          border:1px solid #e1e1e1;
          color: #595959;
          //表头
          th{
            font-size:16px;
            color: #2a2a2a;
            height: 50px;
            line-height: 50px;
            box-sizing: border-box;
            background-color: #e7eef4;
            padding: 0px 20px;
          }
          td{
            border-bottom:1px solid #e1e1e1;
            padding: 25px 20px 6px 20px;
            position: relative;
            color: #595959;
            span{
              display: inline-block;
              height: 34px;
            }
            a{
              cursor: pointer;
              margin-right: 15px;
              height: 34px;
              display: inline-block;
            }
            a:hover{
              color: #2a2a2a;
            }
            s{
              position: absolute;
              top:40px;
              left: 22px;
            }
            .order-detail{
              position: absolute;
              top:40px;
              left: 22px;
            }
            .order-print{
              position: absolute;
              top: 40px;
              left: 22px;
            }
          }
          //表格
          .titoneformorderlist{
            font-size: 18px;
            height: 40px;
            line-height: 40px;
          }
          .titoneformordercontent{
            height: 1px;
            vertical-align: middle;
            td{
              padding: 20px;
              width: 180px;
              border-bottom:1px solid #e1e1e1;
              text-align: center;
            }
          }
        }
        //分页样式
        /*#titpaging1,#titpaging2,#titpaging3,#titpaging4{
          padding-left:400px;
          .layui-laypage{
            margin:10px auto;
            a,span{
              height:36px;
              line-height: 36px;
              font-size:14px;
              select,input,button{
                height:36px;
                line-height: 36px;
                box-sizing: border-box;
              }
            }
          }
        }*/
        #titpaging,#titpaging2,#titpaging3,#titpaging4{
          padding-left: 510px;
          .layui-laypage a, .layui-laypage span{
            text-align: center;
            padding: 0;
            width: 40px;
            height:36px;
            line-height: 36px;
            color: @base-color;
          }
          span.layui-laypage-count{
            width: auto;
          }
          .layui-laypage button, .layui-laypage input{
            height:36px;
            line-height: 36px;
            width: 40px;
            padding: 0;
            color: @base-color;
          }
          .layui-laypage .layui-laypage-skip{
            width: auto;
            button:hover{
              background-color: @base-color;
              color: #fff;
            }
          }
          .layui-laypage .layui-laypage-limits {
            height: 36px;
            width: 100px;!important;
            color: #727272;
            select{
              height: 36px;
              padding: 3px 20px 3px 10px;
              width: 100px;
              box-sizing: border-box;
              font-size: 14px;
              color: #727272;
              font-family:"苹方 常规";
              /*很关键：将默认的select选择框样式清除*/
              appearance:none;
              -moz-appearance:none;
              -webkit-appearance:none;
              /*在选择框的最右侧中间显示小箭头图片*/
              background: url("../images/arrowdown.png") no-repeat scroll right center transparent;
            }
          }
        }
        .tit02 {
          font-size: 12px;
          color: #000;
        }
      }
      .tit03 {
        font-size: 12px;
        color: #000;
      }
      /*th, td {
        border-bottom: 1px solid #ddd;
        padding-left: 20px
      }*/
      #on {
        display: block
      }
    }
  }
  .easytrip-footer{
    border-top:1px solid #e1e1e1;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size:16px;
    color: #4f4f4f;
  }
}

